<template>
	<view class="ad-container">
		<!-- 轮播容器 -->
		<swiper class="ad-swiper" autoplay interval="3000" indicator-dots indicator-color="#fff"
			indicator-active-color="#f00">
			<!-- 轮播图片项 -->
			<swiper-item>
				<image src="/static/ad/1.png" mode="aspectFill" class="ad-img" />
			</swiper-item>
			<swiper-item>
				<image src="/static/ad/2.png" mode="aspectFill" class="ad-img" />
			</swiper-item>
			<swiper-item>
				<image src="/static/ad/3.png" mode="aspectFill" class="ad-img" />
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		}
	};
</script>

<style>
	.ad-container {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	.ad-swiper,
	.ad-img {
		width: 100%;
		height: 100%;
	}
</style>
